<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/layout.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/pagemain.css">
    <link rel="stylesheet" href="css/pageproduct.css">
    <link rel="stylesheet" href="css/Mdate.css">
</head>

<body>
    <div class="container">
        <section>
            <router-view />
        </section>
        <nav>
            <ul>
                <li>
                    <v-touch>商家</v-touch>
                </li>
                <li>
                    <v-touch>热销</v-touch>
                </li>
                <li>
                    <v-touch>设置</v-touch>
                </li>
                <li>
                    <v-touch>合作</v-touch>
                    
                </li>
            </ul>
        </nav>
    </div>
</body>

<script src="js/vue-dev.js"></script>
<script src="js/vue-router.js"></script>
<script src="js/Hammer.js"></script>
<script src="js/vue-touch.js"></script>
<script src="js/iScroll.js"></script>
<script src="js/Mdate.js"></script>
<!-- 引入组件 -->
<script src="components/PageMain.js"></script>
<script src="components/PageProduct.js"></script>
<!-- 引入组件结束 -->
<script src="js/router.js"></script>
<script>
    window.onload = function () {
        let dpr = this.window.devicePixelRatio;
        let content = "width=device-width, initial-scale=" + (1 / dpr).toFixed(1);
        document.head.innerHTML += `<meta name="viewport" content="${content}">`;
        let width = this.innerWidth;
        let fontSize = width / 750 * 100;
        document.querySelector("html").style.fontSize = fontSize + "px";
        const router = new VueRouter({
            routes
        });
        const root = new Vue({
            router,
            el: ".container",
            methods: {
                navTo() {
                    this.$router.push("/Main")
                }
            }
        });
        var date=new Date();
        new Mdate("dateSelectorOne", {
            acceptId: "dateSelectorOne",
            beginYear: date.getFullYear(),
            beginMonth: date.getMonth()+1,
            beginDay: date.getDate(),
            endYear: "2099",
            endMonth: "12",
            endDay: "31",
            format: "-"
            }); 
        new Mdate("dateSelectorTwo", {
        acceptId: "dateSelectorTwo",
        beginYear: date.getFullYear(),
        beginMonth: date.getMonth()+1,
        beginDay: date.getDate(),
        endYear: "2099",
        endMonth: "12",
        endDay: "31",
        format: "-"
        })  
    }
</script>

</html>